.route-car{
	.have{
		padding-bottom:calc(140rpx + constant(safe-area-inset-bottom)) ;
		padding-bottom:calc(140rpx + env(safe-area-inset-bottom)) ; 
		padding-top: 86rpx;
		.cont{
			.action{
				position: fixed;
				top: 0;
				left: 0;
				width: 100%;
				background-color: #fff;
				height: 60rpx;
				display: flex;
				justify-content: flex-end;
				align-items: center;
				color: #ED2920;
				padding-right: 24rpx;
			}
			.inner{
					padding: 0 24rpx;
					
				.good-item{
					 position: relative;
					    width: 100%;
					    background: #fff;
					    display: flex;
					    margin-bottom: 20rpx;
						border-radius: 10rpx;
						.good-info{
							display: flex;
							justify-content: space-between;
						    padding: 30rpx 20rpx 30rpx 0;
							width: 100%;
							.check{
								display: flex;
								align-items: center;
								::v-deep .u-checkbox__icon-wrap{
									margin-left: 16rpx;
								}
							}
							.info-left{
								flex-shrink: 0;
								width: 190rpx;
								height: 190rpx;
								background-color: #F2F2F2;
								border-radius: 10rpx;
								overflow: hidden;
								.img{
									display: block;
									width: 100%;
									height: 100%;
								}
							}
							.info-right{
								flex: 1;
								padding-left: 18rpx;
								
								.name{
									font-size: 33rpx;
									font-weight: 500;
									overflow: hidden;
									text-overflow: ellipsis;
									display: -webkit-box;
									-webkit-line-clamp: 2;
									-webkit-box-orient: vertical;
								}
								.desc{
									font-size: 24rpx;
									margin-top: 14rpx;
									color: #979797;
								}
								.priceandnum{
									display: flex;
									align-items: center;
									justify-content: space-between;
									margin-top: 27rpx;
									width: 100%;
									.price{
									
										display: flex;
										align-items: baseline;
										color: #ED2920;
										.tips{
											
										}
										.val{
											font-size: 36rpx;
											font-weight: 600;
										}
									}
									.num{
										font-size: 24rpx;
										color: #979797;
									}
								}
							}
						}
					
				}
			}
		}
		.footer{
			height:calc(100rpx + constant(safe-area-inset-bottom)) ;
			height:calc(100rpx + env(safe-area-inset-bottom)) ; 
			position: fixed;
			width: 100%;
			left: 0;
			bottom: 0;
			z-index: 10;
			background-color: #fff;
			border-top: 1px solid #edf0f2;
			display: flex;
			align-items: baseline;
			justify-content: space-between;

			padding: 20rpx 24rpx 0 40rpx;
			.footer-right{
				display: flex;
				align-items: baseline;
				.total{
					display: flex;
					align-items: baseline;
					.price{
					
						display: flex;
						// align-items: center;
						align-items: baseline;
						color: #ED2920;
						.tips{
							
						}
						.val{
							font-size: 36rpx;
							font-weight: 600;
						}
					}
				}
				.btn{
				width: 160rpx;
				height: 60rpx;
				text-align: center;
				line-height: 60rpx;
					border-radius: 30rpx;
					background-color: #ED2920;
					margin-left: 30rpx;
					color: #fff;
				}
			}
		}
	}
	.none{
		padding-top: 10vh;
	}
}